
        <div class="x-nav">
            <span class="layui-breadcrumb" style="visibility: visible;">
                <a>
                    <cite>
                        首页
                    </cite>
                    <span class="layui-box">
                        &gt;
                    </span>
                </a>
                <a>
                    <cite>
                        会员管理
                    </cite>
                    <span class="layui-box">
                        &gt;
                    </span>
                </a>
                <a>
                    <cite>
                        权限分类
                    </cite>
                </a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
            href="javascript:location.replace(location.href);" title="刷新">
                <i class="layui-icon" style="line-height:30px">
                    ဂ
                </i>
            </a>
        </div>
        <div class="x-body">
            <form class="layui-form x-center" action="" style="width:40%">
                <div class="layui-form-pane" style="margin-top: 15px;">
                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            分类名
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" name="cname" placeholder="分类名" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-input-inline" style="width:80px">
                            <button class="layui-btn" lay-submit="" lay-filter="tianjia">
                                <i class="layui-icon">
                                    
                                </i>
                                添加
                            </button>
                        </div>
                    </div>
                </div>
            </form>
            <xblock>
                <button class="layui-btn layui-btn-danger" onclick="delAll()">
                    <i class="layui-icon">
                        
                    </i>
                    批量删除
                </button>
                <span class="x-right" style="line-height:40px">
                    共有数据：<?php echo count($data) ?> 条
                </span>
            </xblock>
            <table class="layui-table">
                <thead>
                    <tr>
                        <th>
                            <input type="checkbox" name="" value="">
                        </th>
                        <th>
                            ID
                        </th>
                        <th>
                            分类名
                        </th>
                        <th>
                            操作
                        </th>
                    </tr>
                </thead>
                <tbody id="x-link">
                <?php foreach ($data as $row) {?>
                    <tr>
                        <td>
                            <input type="checkbox" value="1" name="">
                        </td>
                        <td>
                            <?php echo $row['id'] ?>
                        </td>
                        <td>
                            <?php echo $row['cname'] ?>
                        </td>
                        <td class="td-manage">
                            <a title="编辑" href="javascript:;" onclick="cate_edit('编辑','cate-edit.html','4','','510')"
                            class="ml-5" style="text-decoration:none">
                                <i class="layui-icon">
                                    
                                </i>
                            </a>
                            <a title="删除" href="javascript:;" onclick="cate_del(this,'1')" style="text-decoration:none">
                                <i class="layui-icon">
                                    
                                </i>
                            </a>
                        </td>
                    </tr>
                  <?php } ?>
                </tbody>
            </table>
            <div id="page">
            </div>
        </div>
        <script>
            layui.use(['element', 'laypage', 'layer', 'form'],
            function() {
                $ = layui.jquery; //jquery
                lement = layui.element(); //面包导航
                laypage = layui.laypage; //分页
                layer = layui.layer; //弹出层
                form = layui.form(); //弹出层
                //监听提交
                form.on('submit(tianjia)',
                function(data) {
                    console.log(data);
                    //发异步，把数据提交给php
                    $.ajax({
                        url: '{:U('admin/rbac/cate_add')}',
                        type: 'POST',
                        dataType: 'json',
                        data: data.field,
                    })
                    .done(function(respones) {
                        if (respones.error==1) {
                            layer.msg(respones.info,function() {});
                        }else{
                            layer.alert("增加成功", {
                                icon: 6
                            });
                            location.reload();
                            // $('#x-link').prepend('<tr><td><input type="checkbox"value="1"name=""></td><td>1</td><td>' + data.field.name + '</td><td class="td-manage"><a title="编辑"href="javascript:;"onclick="cate_edit(\'编辑\',\'link-edit.html\',\'4\',\'\',\'510\')"class="ml-5"style="text-decoration:none"><i class="layui-icon">&#xe642;</i></a><a title="删除"href="javascript:;"onclick="cate_del(this,\'1\')"style="text-decoration:none"><i class="layui-icon">&#xe640;</i></a></td></tr>');
                        }
                    })
                    return false;
                });
            })

            //以上模块根据需要引入
            //批量删除提交
            function delAll() {
                layer.confirm('确认要删除吗？',
                function(index) {
                    //捉到所有被选中的，发异步进行删除
                    layer.msg('删除成功', {
                        icon: 1
                    });
                });
            }

            //-编辑
            function cate_edit(title, url, id, w, h) {
                x_admin_show(title, url, w, h);
            }

            /*删除*/
            function cate_del(obj, id) {
                layer.confirm('确认要删除吗？',
                function(index) {
                    //发异步删除数据
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!', {
                        icon: 1,
                        time: 1000
                    });
                });
            }
        </script>
